@extends('admin.public.admin')

@section('main')
<!-- 内容 -->
<div class="col-md-10">
	<!-- 引入CSS -->
	<link rel="stylesheet" href="/up/uploadify.css">
	<!-- 引入JQ -->
	<!--引入过了-->
	<!-- 引入文件上传插件 -->
	<script src="/up/jquery.uploadify.min.js"></script>

	<ol class="breadcrumb">
		<li><a href="#"><span class="glyphicon glyphicon-home"></span> 首页</a></li>
		<li><a href="#">系统管理</a></li>
		<li class="active">广告添加</li>

		<button class="btn btn-primary btn-xs pull-right"><span class="glyphicon glyphicon-refresh"></span></button>
	</ol>

	<!-- 面版 -->
	<div class="panel panel-default">
		<div class="panel-heading">
			<a href="index.html" class="btn btn-danger"><span class="glyphicon glyphicon-trash"></span> 广告页面</a>
			<a href="{{asset('admin/sys/ads/create')}}" class="btn btn-success"><span class="glyphicon glyphicon-plus"></span> 添加广告</a>




		</div>
		<div class="panel-body">
			<form action="{{asset('admin/sys/ads')}}" method="post">

					{{csrf_field()}}

				<div class="form-group">
					<label for="">TITLE</label>
					<input type="text" name="title" class="form-control" id="" placeholder="请输入TITLE">
				</div>
				<div class="form-group">
					<label for="">HREF</label>
					<input type="text" name="href" class="form-control" id="" placeholder="请输入广告跳转地址">
				</div>
				<div class="form-group">
					<label for="">SORT</label>
					<input type="text" name="sort" class="form-control" id="" placeholder="数值越大越靠前">
				</div>

				<div class="form-group">
					<label for="">Img</label>
					<input type="file" name="" id="uploads">
					<div id="main">

					</div>
					<input type="hidden" name="img" id="imgs">
				</div>

				<div class="form-group">
					<input type="submit" value="提交" class="btn btn-success">
					<input type="reset" value="重置" class="btn btn-danger">
				</div>

			</form>
		</div>

	</div>
</div>


<script>
    //当所有HTML代码都加载完毕
    $(function(){
        //声明字符串
        var imgs="";

        //使用 uploadify 插件
        $('#uploads').uploadify({
            //设置文本
            'buttonText':'图片上传',
            //设置文件传输数据
            'formData':{
                '_token':'{{csrf_token()}}',
                'files':'ads',
            },
            //上传的flash动画
            'swf' :"/up/uploadify.swf",
            //文件上传地址
            'uploader':"{{ asset('admin/shangchuan') }}",
            //当文件上传成功
            'onUploadSuccess':function(file,data,response){

                //alert(data);

                //拼接字符串
                imgs="<img width='200px' src='/Uploads/ads/"+data+"'>";
                //展示图片
                $("#main").html(imgs);
                //隐藏域传递数据
                $('#imgs').val(data);

            }

        });

    });

</script>

	@endsection